@import 'commons/pacman.less';

html,
body,
#root {
  height: 100%;
  // overflow:scroll;
  // -webkit-overflow-scrolling:touch; /*兼容IOS*/
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.globalSpin {
  width: 100%;
  margin: 40px 0 !important;
}

ul,
ol {
  list-style: none;
}

.ellipsis-2
{
    display: -webkit-box;
    overflow: hidden;

    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3
{
    display: -webkit-box;
    overflow: hidden;

    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

// 联动云小程序
.am-list-item {
  background-color: transparent !important;
}
.am-list-item .am-list-line .am-list-content {
  color: #fff !important;
}
.am-list-item .am-list-line .am-list-extra {
  color: #fff !important;
}
.am-list-item .am-list-line .am-list-extra{
  flex-basis: 60% !important;
}

.ant-drawer-left .ant-drawer-body {
  padding: 0;
}

thead {
  th {
    white-space: nowrap;
  }
}

.App-logo {
  display: inline-block;
  animation: App-logo-spin infinite 10s linear;
}

// .h5-enter {
//   opacity: 0;
//   z-index: 1;
// }

// ::-webkit-scrollbar {
//   width: 0;
//   height: 0;
//   color: transparent;
// }

// .h5-enter.h5-enter-active {
//   opacity: 1;
//   transition: opacity 1s ease-in;
// }

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.fade-enter {
  // opacity: 0;
  z-index: 1;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  animation-name: slideInRight;
  transition: opacity 250ms ease-in;
}

.fade-exit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  // animation-delay: .25s;
}

.fade-exit.fade-exit-active {
  // opacity: 0;
  animation-name: slideOutLeft;
  transition: opacity 250ms ease-in;
}

.transition-group {
  flex: 1;
  position: relative;
  // animation-duration: 1s;
  // animation-fill-mode: both;
  // animation-name: slideInRight;
}

.twinkle {
  animation:twinkling 2.1s infinite ease-in-out;
  animation-fill-mode:both;
}
@keyframes twinkling {
  0% {
    opacity:0.2;
    filter:alpha(opacity=20);
    -webkit-transform:scale(1);
  }
  50% {
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-transform:scale(1.12);
  }
  100% {
    opacity:0.2;
    filter:alpha(opacity=20);
    -webkit-transform:scale(1);
  }
}
.motto-backwards {
  // .item1 {
  //   animation: motto 3s ease-out 1s backwards
  // }
  // .item2 {
  //   animation: motto 3s ease-out 4s backwards
  // }
  // .item3 {
  //   animation: mottoBy 5s ease-in-out 7s backwards
  // }
  .item1 {
    animation: motto 1s ease-out 1s backwards
  }
  .item2 {
    animation: motto 1s ease-out 2s backwards
  }
  .item3 {
    animation: mottoBy 2s ease-in-out 3s backwards
  }
}
@keyframes motto {
  0% {
    transform: translate(0);
    opacity: 0
  }

  50% {
    transform: translate(30px);
    opacity: .5
  }

  to {
    transform: translate(60px);
    opacity: 1
  }
}
@keyframes mottoBy {
  0% {
    opacity: 0
  }

  40% {
    opacity: .8
  }

  45% {
    opacity: .3
  }

  50% {
    opacity: .8
  }

  55% {
    opacity: .3
  }

  60% {
    opacity: .8
  }

  to {
    opacity: 1
  }
}